<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="js/gotop.js"></script>
    <script src="js/jquery-1.11.0.min.js"></script>
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script src="js/responsiveslides.min.js"></script>

    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="css/app.css">
    <script src="js/jquery.min.js" type="text/javascript"></script>

    <link href="css/zzsc.css" type="text/css" rel="stylesheet" />
    <script src="js/jquery.min.js"></script>
    <script>
        $(function (){
            $(".left_nav dd").hover(function(){
                $(".nav_right",this).show();
            });
            $(".left_nav dd").mouseleave(function(){
                $(".nav_right",this).hide();
            });
        });
    </script>



    <script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
    <script type="text/javascript" src="js/demo.js"></script>

</head>
<body>
<div class="total" style="width: 80%;padding-left:10%">
    <div class="wrapper">
        <h1><input type="image" src="images/logo.PNG"> </h1>
        <div class="right1">
            <div class="wrapper">
                <form id="search" action="" method="post">
                    <div class="bg">
                        <input type="submit" class="submit" value="">
                        <input type="text" class="input" placeholder="请输入你想搜索的内容···">
                    </div>
                </form>
            </div>
            <div class="wrapper">
                <nav>
                    <ul id="top_nav1">
                        <li><a href="demo/login.html" class="tc">登录</a></li>
                        <li><a href="demo/zhuce.html">注册</a></li>
                        <li><a href="#">帮助</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>


    <nav>
        <ul id="menu">
            <li><a href="index.html" class="nav1">首页</a></li>
            <li><a href="yiquan.html" class="nav2">易圈</a></li>
            <!--
            <li><a href="Message.html" class="nav3">消息</a></li>
            -->
            <li><a href="my.html" class="nav3">我的</a></li>
            <li class="end"><a href="contact.html" class="nav5">关于我们</a></li>
        </ul>
    </nav>

<div id="middle">

    <!--滚动图begin-->
    <div id="club">
        <div class="modle" id="modle_left">
            <h2 class="modle_title"><span>热门易务</span></h2>
            <div class="modle_con">
                <ul>
                    <li class="fn-clear">
                        <div class="modle_img fn-left"><a href=""><img src="images/ho1.jpg"></a><i></i></div>
                        <div class="modle_text fn-right">
                            <p><a href="">大大</a></p>
                            <div><a href="">一本《红楼梦》换三天晚上陪跑</a></div>
                        </div>
                    </li>
                    <li class="fn-clear">
                        <div class="modle_img fn-left"><a href=""><img src="images/ho2.jpg"></a><i></i></div>
                        <div class="modle_text fn-right">
                            <p><a href="">小三</a></p>
                            <div><a href="">闲置轮滑鞋37码，换10次送快递上门</a></div>
                        </div>
                    </li>
                    <li class="fn-clear">
                        <div class="modle_img fn-left"><a href=""><img src="images/ho1.jpg"></a><i></i></div>
                        <div class="modle_text fn-right">
                            <p><a href="">小四</a></p>
                            <div><a href="">闲置篮球，换5次陪饭（限女生）</a></div>
                        </div>
                    </li>
                    <li class="fn-clear">
                        <div class="modle_img fn-left"><a href=""><img src="images/ho2.jpg"></a><i></i></div>
                        <div class="modle_text fn-right">
                            <p><a href="">六六</a></p>
                            <div><a href="">闲置耳环，换2次送饭上宿舍门</a></div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>

        <div class="modle modle_right" id="modle_right">
            <h2 class="modle_title"><span>热门易物</span></h2>
            <div class="modle_con">
                <ul>
                    <li class="fn-clear">
                        <div class="modle_img fn-left"><a href=""><img src="images/ho1.jpg"></a><i></i></div>
                        <div class="modle_text fn-right">
                            <p><a href="">kk</a></p>
                            <div><a href="">闲置《英汉字典》，有意者换</a></div>
                        </div>
                    </li>
                    <li class="fn-clear">
                        <div class="modle_img fn-left"><a href=""><img src="images/ho2.jpg"></a><i></i></div>
                        <div class="modle_text fn-right">
                            <p><a href="">雯雯</a></p>
                            <div><a href="">闲置耳机一副，有意者换</a></div>
                        </div>
                    </li>
                    <li class="fn-clear">
                        <div class="modle_img fn-left"><a href=""><img src="images/ho3.jpg"></a><i></i></div>
                        <div class="modle_text fn-right">
                            <p><a href="">三金</a></p>
                            <div><a href="">闲置六级资料，有意者换</a></div>
                        </div>
                    </li>
                    <li class="fn-clear">
                        <div class="modle_img fn-left"><a href=""><img src="images/ho1.jpg"></a><i></i></div>
                        <div class="modle_text fn-right">
                            <p><a href="">莫阿毛</a></p>
                            <div><a href="">闲置一把黑色雨伞，有意者换</a></div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--滚动图 end-->






    <!-- 代码begin -->
    <div class="left_nav">
        <dl>
            <dt>分类</dt>
            <dd><a href="javascript:" class="nav_left">易务</a><div class="nav_right"><a href="javascript:">好友</a><a href="javascript:">全部</a></div></dd>
            <dd><a href="javascript:" class="nav_left">易物</a><div class="nav_right"><a href="javascript:">好友</a><a href="javascript:">全部</a></div></dd>
        </dl>
    </div>
    <!-- 代码end -->









    <div id="main">
        <div id="list">
            <ul>
                <li>
                    <div class="po-avt-wrap">
                        <img class="po-avt data-avt" src="images/0.jpg">
                    </div>
                    <div class="po-cmt">
                        <div class="po-hd">
                            <p class="po-name"><span class="data-name">姗姗</span></p>
                            <div class="post">
                                <p>闲置轮滑鞋一双，换打羽毛球5次，每次一个钟</p>
                                <p>
                                    <img class="list-img" src="images/jt1.jpg" style="height: 80px;">
                                </p>
                            </div>
                            <p class="time">一分钟前</p><img class="c-icon" src="images/c.png">
                        </div>
                        <div class="r"></div>
                        <div class="cmt-wrap">
                            <div class="like"><img src="images/l.png">大大，三阿三，大康，侯亮平...</div>
                            <div class="cmt-list">
                                <p>小马：这鞋你穿了多久？</p>
                                <p>姗姗 回复 小马：穿了不到三次...</p>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="po-avt-wrap">
                        <img class="po-avt" src="images/n5.jpg">
                    </div>
                    <div class="po-cmt">
                        <div class="po-hd">
                            <p class="po-name">
                                思聪
                            </p>
                            <div class="post">
                                <p>
                                  闲置毛笔一套，有意者换（最好是书籍类）
                                </p>
                                <img class="list-img" src="images/xa1.jpg" style="height: 80px;">
                                <img class="list-img" src="images/ma1.jpg" style="height: 80px;">
                            </div>
                            <p class="time">
                                1分钟前
                            </p>
                            <img class="c-icon" src="images/c.png">
                        </div>
                        <div class="r">
                        </div>
                        <div class="cmt-wrap">
                            <div class="like">
                                <img src="images/l.png">
                                马云，李彦宏，汪涵，马化腾，张树立...
                            </div>
                            <div class="cmt-list">
                                <p>马云：看着不错！</p>
                                <p>李彦宏：喜欢</p>
                                <p>马云 回复 李彦宏：你也想要吗？</p>
                                <p>李彦宏 回复 马云：不不不，你要的话就不跟你抢了</p>
                                <p>马云 回复 李彦宏：哈哈哈哈哈哈</p>
                            </div>
                        </div>
                    </div>
                </li>
                </li>
            </ul>
        </div>

    </div>
</div>




    <!-- 微信二维码和返回顶部（开始） -->
    <div id="code"></div>
    <div id="code_img"></div>
    <a id="gotop" href="javascript:void(0)"></a>
    <!-- 微信二维码和返回顶部（结束） -->

    <br/>
    <hr/>
    <footer style="text-align:center;color:#808080">
        <br/>
        客服电话：020-11111111 举报电话：81111111 客服邮箱：yy@yuanyi.com
        <br/>
        版权所有：愿易小组  2017-2018     京ICP备1440624000号
    </footer>
</div>

</body>
</html>